<template>
  <div class="info_box" v-if="content">
    <div class="main2_right_m2_title trip_nav_m">
      <Icon :type="iconType" /> {{ boxTitle }}
    </div>
    <div class="main2_right_m4_m">
      <p class="info_paragraph" v-html="content"></p>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    boxTitle: {
      type: String,
      required: true
    },
    iconType: {
      type: String,
      required: true
    },
    content: {
      type: String,
      default: ''
    }
  }
}
</script>